<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link rel="shortcut icon" href="img/favicon.png">

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/autocomplete.css">
        <link rel="stylesheet" href="css/datepicker.css">
        <link rel="stylesheet" href="css/framework.css">
        <link rel="stylesheet" href="css/results.css">
        <link rel="stylesheet" href="css/details.css">
        <link rel="stylesheet" href="css/picastyle.css">
        <link rel="stylesheet" href="css/tabs.css">
        <script src="js/libs/modernizr-2.6.1.min.js"></script>
    </head>
    <body>

        <section class="clearfix">

            <div id="headleft" class="pull-right">


                <div id="topnav" class="clearfix">
                    <ul class="clearfix pull-right">
                        <li><a href="">About Us</a></li>
                        <li><a href="">Customer Service</a></li>
                        <li><a href="">English</a></li>
                    </ul>
                </div><!-- / topnav-->

                <div id="social"  class="pull-right clearfix">
                    <ul>
                        <li><a href="" class="fb"></a></li>
                        <li><a href="" class="tw"></a></li>
                        <li><a href="" class="li"></a></li>
                        <li><a href="" class="gp"></a></li>
                    </ul>

                </div><!-- / social-->
                <div class="smallsep sepmargin1 pull-right"></div>
                <div id="infoline" class="pull-right">Info: +382 69 456 772</div>

            </div>

            <div id="logo" class="pull-left"></div>

        </section><!-- / header-->

        <section class="table navtop shadow">

            <nav>
                <ul>
                    <li><a href="index.php">&nbsp;</a></li>
                    <li><a href="search.php">Accommodation<br /> <small>Private</small></a></li>
                    <li><a href="details.php">Hotels<br /> <small>Hotels</small></a></li>
                    <li><a href="checkout.php">Accommodation<br /> <small>Authentic</small></a></li>
                    <li><a href="checkout_dates.php">Hostels<br /> <small>Youth Hostels</small></a></li>
                    <li><a href="confirmation.php">Transfers<br /> <small>Transfers</small></a></li>
                    <li><a href="#">Rent a Car<br /> <small>Rent a Car</small></a></li>
                    <li><a href="#">Excursions<br /> <small>Excursions</small></a></li>
                </ul>
            </nav><!-- / nav-->

        <!--</section>-->